<!--首页多个城市表现形式时的挂件-->
<?php
    $TEMPLATE_1 = <<<TEMPLATE
        <div class="b1_part1_title">
            <div class="b1_part1_title_2">
                <ul class="theme_head">
                {nav}
                <li class="{navon}1" data="1" data-k="{index}">{title}</li>
                {/nav}
                </ul>
            </div>
            <div class="b1_part1_title_3">
                <a href="{more_link}" target="_blank">{more_name}</a>
            </div>
        </div>
        <div class="b1_part1_content">
            <div class="b1_part1_content_partall">
                {lists}
                <ul style="display: none;" class="selfViewU theme_box_{index}">
                    {linelist}
                    <li>
                        <div class="b1_part1_content_partall_pic">
                            <a href="{link}" target="_blank"><img alt="{line_name}" src="{line_thumb}" onerror="this.error=null;this.src='{line_thumb_error}'" width="210" height="120" /></a>
                        </div>
                        <div class="b1_part1_content_partall_txt">
                            <a href="{link}"><span>&lt;{line_name}&gt; </span>{short_name}</a>
                        </div>
                        <div class="b1_part1_content_partall_ew">
                            <span class="b1_price">{dollar}{low_price}<span>{dollarend}</span></span>
                        </div>
                    </li>
                    {/linelist}
                </ul>
                {/lists}
            </div>
        </div>
TEMPLATE;

$TEMPLATE_2 = <<<TEMPLATE
        <div class="b1_part1_title b1_part1_titlex">
            <div class="b1_part1_title_2 b1_part1_title_2x">
                <ul class="theme_head">
                {nav}
                <li class="{navon}2" data="2" data-k="{index}">{title}</li>
                {/nav}
                </ul>
            </div>
            <div class="b1_part1_title_3">
                <a href="{more_link}" target="_blank">{more_name}</a>
            </div>
        </div>
        <div class="b1_part1_content">
            <div class="b1_part1_content_partall">
                {lists}
                <ul style="display: none;" class="selfViewU theme_box_{index}">
                    {linelist}
                    <li>
                        <div class="b1_part1_content_partall_pic">
                            <a href="{link}" target="_blank"><img alt="{line_name}" src="{line_thumb}" onerror="this.error=null;this.src='{line_thumb_error}'" width="210" height="120" /></a>
                        </div>
                        <div class="b1_part1_content_partall_txt">
                            <a href="{link}"><span>&lt;{line_name}&gt; </span>{short_name}</a>
                        </div>
                        <div class="b1_part1_content_partall_ew">
                            <span class="b1_price">{dollar}{low_price}<span>{dollarend}</span></span>
                        </div>
                    </li>
                    {/linelist}
                </ul>
                {/lists}
            </div>
        </div>
TEMPLATE;

$TEMPLATE_3 = <<<TEMPLATE
        <div class="b1_part1_title b1_part1_titlex2">
            <div class="b1_part1_title_2 b1_part1_title_2x2">
                <ul class="theme_head">
                {nav}
                <li class="{navon}3" data="3" data-k="{index}">{title}</li>
                {/nav}
                </ul>
            </div>
            <div class="b1_part1_title_3">
                <a href="{more_link}" target="_blank">{more_name}</a>
            </div>
        </div>
        <div class="b1_part1_content">
            <div class="b1_part1_content_partall">
                {lists}
                <ul style="display: none;" class="selfViewU theme_box_{index}">
                    {linelist}
                    <li>
                        <div class="b1_part1_content_partall_pic">
                            <a href="{link}" target="_blank"><img alt="{line_name}" src="{line_thumb}" onerror="this.error=null;this.src='{line_thumb_error}'" width="210" height="120" /></a>
                        </div>
                        <div class="b1_part1_content_partall_txt">
                            <a href="{link}"><span>&lt;{line_name}&gt; </span>{short_name}</a>
                        </div>
                        <div class="b1_part1_content_partall_ew">
                            <span class="b1_price">{dollar}{low_price}<span>{dollarend}</span></span>
                        </div>
                    </li>
                    {/linelist}
                </ul>
                {/lists}
            </div>
        </div>
TEMPLATE;
?>
<?php
$TEMPLATE_PIC = <<<TEMPLATE
{listinfo}
<div class="b1_part1_content_pic_1" target="_blank" >
    <a href="{link}"><img alt="{title}" src="{pic}" width="200" /></a>
</div>
{/listinfo}
TEMPLATE;
?>
<div class="b1_part1">
    <div class="b1_part1_content_pic">
        <div class="b1_part1_content_pic_diy"><?php diy('bz01_plug_images_01', 'imagelist', $TEMPLATE_PIC);?></div>
    </div>
    <div class="b1_part1_title_1">
        <h3><?php diy('bz01_custom_index_01','title','');?></h3>
    </div>
    <?php diy('custom_index_plug2','linetablist', $TEMPLATE_1);?>
</div>
<div class="b1_part1">
    <div class="b1_part1_content_pic">
        <div class="b1_part1_content_pic_diy"><?php diy('bz01_plug_images_02', 'imagelist', $TEMPLATE_PIC);?></div>
    </div>
    <div class="b1_part1_title_1">
        <h3><?php diy('bz01_custom_index_02','title','');?></h3>
    </div>
    <?php diy('custom_index_plug2_2','linetablist', $TEMPLATE_2);?>
</div>
<div class="b1_part1">
    <div class="b1_part1_content_pic">
        <div class="b1_part1_content_pic_diy"><?php diy('bz01_plug_images_03', 'imagelist', $TEMPLATE_PIC);?></div>
    </div>
    <div class="b1_part1_title_1">
        <h3><?php diy('bz01_custom_index_03','title','');?></h3>
    </div>
    <?php diy('custom_index_plug2_3','linetablist', $TEMPLATE_3);?>
</div>

<script type="text/javascript">
$(function(){
    //tab切换
    $('.theme_box_0').show();
    var theme_a = $('.theme_head').children('li');
    theme_a.on('mouseover',function(){
        var new_data = $(this).attr('data');
        $(this).removeClass('navOff'+new_data).addClass('navOn'+new_data).siblings('li').removeClass('navOn'+new_data).addClass('navOff'+new_data);
        var data = $(this).attr('data-k');
        var elemet = 'theme_box_'+data ;
        var $b1_part1 = $(this).closest('.b1_part1');
        $b1_part1.find('.selfViewU').css({'display':'none'});
        $b1_part1.find('.'+elemet).css({'display':'block'});
    })
});
</script>